10:06 PM   Blogger and SEO Tips

Cara Memasang Related Post Dengan Scroll Bar Pada Blog

Cara Memasang Related Post Pada Blog - Pada kesempatan kali ini saya pemilik blog ini sekaligus admin utam blog ini akan memberitahu kalian...

Cara Memasang Related Post Pada Blog - Pada kesempatan kali ini saya pemilik blog ini sekaligus admin utam blog ini akan memberitahu kalian mengenai Cara Memasang Related Post Pada Blog cara ini saya dapat dari Google ketika Browsing dan Blogwalking.
Dengan sedikit perubahan pada kode saya akan memberitahukan kepada kalian caranya, ok langsung saja ikuti tutorial di bawah ini :

1. Login ke akun Blog kalian masing-masing.
2. Masuk ke "Template".
3. Klik "Edit Html".
4, Ceklis box "Expand Widget Template".
5. Cari kode <div class='post-footer-line post-footer-line-3'> atau jika tidak ada cari saja kode yang mirip seperti kode di atas, jika masih tidak tahu silahkan berkomentar insyaallah saya akan membantu.
6. Jika sudah ketemu masukan kode di bawah ini tepat di bawah kode tadi :

<br/><br/><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similar'>
<!-- *****************http://zone-uchiha.blogspot.com****************** -->
<!-- *****************Scipt Related Article By - Uchiha Melvin | ZUClans****************** -->
<div class='widget-content related-by-Uchiha-Melvin'>
<h3>Related Post :</h3><br/>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:2px dashed #ff0000;-moz-border-radius:5px; -webkit-border-radius: 15px;-o-border-radius: 15px;'>
<div id='data2007'/><br/><br/>
<div id='hoctro' style='display:none;'>
</div>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 50;
var maxNumberOfLabels = 40;
maxNumberOfPostsPerLabel = 40;
maxNumberOfLabels = 40;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</div>
</b:if>

7. Klik save dan selesai.

Terimakasih telah menggunakan cara ini.
Selamat mencoba, semoga berhasil dan Salam Uchiha! 

Tags : Cara Memberi Related Post Pada Blog, Cara Memasang Related Post Pada Blog, Cara Memberi Related Post Di Bawah Postingan Pada Blog, Cara Memasang Related Post Di Bawah Postingan Pada Blog, Cara Memberi Artikel Terkait Pada Blog, Cara Memasang Artikel Terkait Pada Blog, Cara Memberi Artikel Terkait Di Bawah Postingan Pada Blog, Cara Memasang Artikel Di Bawah Postingan Terkait Pada Blog.